<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <style>
        .wrap {
            padding: 10px 14px;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
        }

        .bottomWrap {
            text-align: center;
            height: 60px;
            line-height: 60px;
        }

        .show-button,
        .hide-button {
            height: 26px;
            line-height: 26px;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <input type="hidden" id="parentP">
        <div class="head">
            <form action="" class="layui-form">
                <div class="layui-form-item" style="margin-bottom:0px;">
                    <div class="layui-input-inline">
                        <select name="" id="">
                            <option value="1">选择门店所有商品</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" placeholder="所有分类">
                    </div>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" placeholder="菜品名称/菜品编码">
                    </div>
                    <div class="layui-input-inline">
                        <button class="layui-btn layui-btn-normal">查询</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="tableWrap">
            <table id="selectTable" lay-filter="selectTable"></table>
        </div>
        <!-- <div class="bottomWrap">
            <button class="layui-btn layui-btn-primary">取消</button>
            <button class="layui-btn layui-btn-normal">确定</button>
        </div> -->
    </div>
</body>
<script type="text/html" id="tableOpearte">
    {{# if(d.LAY_CHECKED){ }}
    <button data-id="{{d.id}}" lay-event="select" class="layui-btn layui-btn-normal layui-btn-sm show-button"
        style="display:none;">选择</button>
    <button data-id="{{d.id}}" lay-event="cancel"
        class="layui-btn layui-btn-primary layui-btn-sm hide-button">取消选择</button>
    {{# }else{ }}
    <button data-id="{{d.id}}" lay-event="select"
        class="layui-btn layui-btn-normal layui-btn-sm show-button">选择</button>
    <button data-id="{{d.id}}" lay-event="cancel" class="layui-btn layui-btn-primary layui-btn-sm hide-button"
        style="display:none;">取消选择</button>
    {{# } }}
</script>
<script src="../../js/jquery.min.js"></script>
<script src="../../layui/layui.js"></script>
<script src="./selectGoods.js"></script>

</html>